import Vue from 'vue'
import VueRouter from 'vue-router'
const Home = () => import('../views/home/Home');
const Kind = () => import('../views/kind/Kind');
const Profile = () => import('../views/profile/Profile');
const Shop = () => import('../views/shop/ShopCar');
const Detail = () => import('../views/detail/Detail')
Vue.use(VueRouter);
  const routes = [
    {
      path:'',
      redirect:'/home'
    },
    {
      path:'/home',
      component:Home,
      meta:{
        keepAlive:true
      },
      name:'Home'
    },
    {
      path:'/kind',
      component:Kind
    },
    {
      path:'/profile',
      component:Profile
    },
    {
      path:'/shop',
      component:Shop
    },
    {
      path:'/detail',
      name:Detail,
      component:Detail
    }
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
});

export default router
